/* footer */
.footer {
  height: 256px;
  background-color: #333f50;
}
.footer-content {
  padding: 60px 0;
}
.footer-content .left {
  float: left;
}
.footer-content .left figure {
  float: left;
  width: 140px;
  font-size: 22px;
  color: #eee;
}
.footer-content .left figure:last-child {
  width: 200px;
}
.footer-content .left ul {
  margin-top: 10px;
  line-height: 24px;
}
.footer-content .left a {
  font-size: 14px;
  color: #aaa;
}
.footer-content .right {
  float: right;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
  height: 150px;
}
.footer-content .right img {
  width: 362px;
  height: 96px;
  /* background-color: skyblue; */
}
.footer-content .right p {
  /* padding-top: 19px; */
  font-size: 22px;
  color: #717985;
}

/* nav */
.nav {
  height: 64px;
  line-height: 64px;
  overflow: hidden;
  background-color: #00b0f0;
}
/* nav left */
.nav .left {
  float: left;
  font-size: 14px;
  color: #fff;
}
.nav .left span:nth-child(2) {
  margin-left: 18px;
}
/* nav right */
.nav .right {
  float: right;
  display: flex;
}
.nav li {
  margin-left:24px;
  width: 29px;
  height: 24px;
}
